<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JSDoc: Source: client/jsonp.js</title>

    <script src="scripts/prettify/prettify.js"> </script>
    <script src="scripts/prettify/lang-css.js"> </script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>

<body>

<div id="main">

    <h1 class="page-title">Source: client/jsonp.js</h1>

    



    
    <section>
        <article>
            <pre class="prettyprint source linenums"><code>/**
 * JSONP请求处理模块
 * @module JSONP
 */

import Response from '../response';

/**
 * JSONP client发起JSONP请求
 * @param {Request} request 请求对象
 * @return {Promise} 返回一个Promise体
 */
export default function (request) {
  return new Promise((resolve, reject) => {
    const callback = `_jsonp${new Date().getTime()}`;
    request.setData('callback', callback);
    let data = null;
    let statusText = 'no content';
    const ele = document.createElement('script');
    function handler({ type }) {
      let status = 0;
      let response;
      if (type === 'load' &amp;&amp; data !== null) {
        status = 200;
        statusText = 'ok';
        response = new Response(data, status, statusText, request);
        resolve(response);
      } else if (type === 'error') {
        status = 500;
        statusText = 'server error';
        reject(new Error(`error status: ${status}; error message: ${statusText}`));
      }
      if (status &amp;&amp; window[callback]) {
        delete window[callback];
        document.body.removeChild(ele);
      }
    }
    // 注册一个回调函数
    window[callback] = result => (data = JSON.stringify(result));
    if (request.timeout) {
      setTimeout(() => {
        reject(new Error('timeout!'));
      }, request.timeout);
    }
    ele.src = request.url;
    ele.type = 'text/javascript';
    ele.async = true;
    ele.onload = handler;
    ele.onerror = handler;
    // 开始加载
    document.body.appendChild(ele);
  });
}
</code></pre>
        </article>
    </section>




</div>

<nav>
    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-Core.html">Core</a></li><li><a href="module-JSONP.html">JSONP</a></li><li><a href="module-Utils.html">Utils</a></li><li><a href="module-XHR.html">XHR</a></li></ul><h3>Classes</h3><ul><li><a href="Header.html">Header</a></li><li><a href="InterceptorFactory.html">InterceptorFactory</a></li><li><a href="module-Core-Q.html">Q</a></li><li><a href="Request.html">Request</a></li><li><a href="Response.html">Response</a></li></ul><h3>Namespaces</h3><ul><li><a href="q.html">q</a></li></ul><h3>Global</h3><ul><li><a href="global.html#contentInterceptor">contentInterceptor</a></li><li><a href="global.html#defaultOptions">defaultOptions</a></li><li><a href="global.html#xrfsInterceptor">xrfsInterceptor</a></li></ul>
</nav>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.3</a> on Tue Apr 18 2017 23:31:24 GMT+0800 (CST)
</footer>

<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>
